<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>袋鼠网页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>关于袋鼠</h1>
    </header>
    <main>
        <section id="info">
            <h2>袋鼠简介</h2>
            <p>袋鼠是一种来自澳大利亚的有袋动物，以其强壮的后腿和长尾巴著称。它们是跳跃的专家，能在短时间内跨越较大的距离。</p>
        </section>
        <section id="image">
            <img id="kangarooImage" src="https://example.com/kangaroo.jpg" alt="袋鼠图片" />
        </section>
        <button id="changeImage">换一张袋鼠图片</button>
    </main>
    <footer>
        <p>&copy; 2023 袋鼠爱好者</p>
    </footer>
    <script src="script.js"></script>
</body>
</html>
